# Livemesh Addons for Beaver Builder Pro

A collection of premium quality addons or extensions for Beaver Builder page builder. Beaver Builder must be installed and activated.

Author URI: https://www.livemeshthemes.com/beaver-builder-addons
Plugin URI: https://www.livemeshthemes.com/beaver-builder-addons
Contributors: livemesh
Tags: beaver builder, beaver builder addons, beaver builder extensions, beaver builder modules, page builder, portfolio, carousel, Post, posts, admin, plugin, page
Requires at least:4.5
Tested up to:5.1
Stable Tag:2.6.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html-func

### Description

Livemesh Addons for Beaver Builder features professional looking, easy to use yet highly functional extensions that can be used in a Beaver Builder page builder.

Beaver Builder plugin must be activated to use this plugin. After you activate the required plugins, the elements should be available for use in Beaver Builder.

See the all of elements in action here -

LIVE DEMO.

The plugin comes with the following Beaver Builder addons or extensions. Almost all of the elements come with a dark version. -

- Services that capture what you can offer for your clients/customers.
- Portfolio Grid addon that displays portfolio/blog entries in a nice responsive grid in Beaver Builder. Masonry and packed options are supported.
- Blog Posts Grid that displays portfolio/blog entries in a nice responsive grid. Masonry and packed options are supported.
- Team Profiles extension to display all the team members.
- Odometers/Counters to show impressive numbers pertaining to your work or company.
- Bar charts addon to capture skills or any type of percentage stats with just a few clicks in Beaver Builder.
- Animated Pie charts for visual depiction of percentage stats.
- Testimonials to tell everyone the good things you often hear from your clients/customers.
- Testimonials slider is a responsive touch enabled slider that cycles through testimonials.
- Post Carousel extension for Beaver Builder that displays your posts as a highly responsive carousel.
- Generic Carousel element that displays lets you present a list of HTML content in a carousel.
- Heading styles to capture effective headings for your page sections.
- Clients List extension to showcase the clients that you have handled.
- Pricing Plans to help get more sales.

The PRO version of the plugin comes with additional Beaver Builder addons and advanced features added to elements above -

- Responsive Tabs that function seamlessly across all devices and resolutions. The plugin features never before choice of over dozen styles of tabs to choosen from a simple Beaver Builder dropdown.
- Accordion/Toggle that capture collapsible content panels when space is limited.
- Image Slider to create a responsive slider of images with support for captions, multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail navigation etc.
- Image Gallery addon that lets you create a grid of images with options for masonry or fit rows, pagination, lazy load, lightbox support etc.
- Video Gallery to build a beautiful grid of videos to help showcase a collection of YouTube/Vimeo videos on your site.
- Image Carousel for a responsive carousel of images.
- Video Carousel for creation of a responsive carousel of YouTube/Vimeo videos.
- FAQ element to display a set of Frequently Asked Questions in a page.
- Features Addon for showcasing product features or services provided by an agency/business.
- Flat style buttons with rich set of customization options.
- Icon list addon that lets you use either images or icon fonts to create custom social icons list, capture payment options etc.
- Advanced Services with additional styles and animations for services addon.
- Lazy Load - The portfolio/post grid and image gallery addons incorporate option to lazy load posts/images with the click of a Load More button.
- Pagination - Create a grid of posts or custom post types with AJAX based pagination support.
- Lightbox Support - The premium version of Beaver Builder Addons plugin comes with support for Lightbox for grid and carousel addons.
- Customizations - Ability to choose custom font size, color or hover color for certain addons. More coming.
- Custom Animations - Choose from over 40+ animations for most Beaver addon elements (excludes sliders, carousels and grid). The animations display on user scrolling to the element or when the element becomes visible in the browser window.
- Sample Data - Sample data that you can import into your site to get started quickly on the addons and some sample layouts.
- Premium Support - The customers will be provided access to a dedicated support forum with searchable content, private tickets, with threads attended to within 24 hours.

Visit Tools > Import page in WordPress admin to import into your site sample-data.xml file located in the plugin folder. The sample data lets you replicate the demo site fully to help get a head start on using the extensions bundled with the plugin.

Do you have suggestions to make or want to be notified of important updates? Reach out to us on Twitter - http://twitter.com/live_mesh

### Installation

1. Install and activate the Beaver Builder page builder.
2. Make sure you deactivate the free plugin Livemesh Addons for Beaver Builder prior to installing the premium version.
3. Unzip the downloaded addons-for-beaver-builder-pro.zip file and upload to the `/wp-content/plugins/` directory or upload the plugin zip with the help of Plugins→Installed Plugins→Add New button. Activate the plugin through the 'Plugins' menu in WordPress.
4. For Portfolio element, install and activate the optional plugin Portfolio Post Type plugin. The Portfolio addon can be built using custom post type registered by this plugin.
5. For further help, visit the plugin documentation located at Beaver Builder Addons→Documentation in the WordPress admin.

Optionally, if you have premium version installed, you can import the sample data that replicates the demo site for you by importing the file sample-data.xml file located in the plugin directory. The import option is available under Tools → Import in WordPress admin.

### Support

The premium version of the plugin entitles you to quick support with replies posted within 24 hours (on week days).

Please submit your support query through our website contact form. This will create a support ticket in our support portal.

### Frequently Asked Questions

### Does it work with the theme that I am using?

Our tests indicate that the elements work well with most themes that are well coded. You may need some minor custom CSS with themes that hijack the styling for heading tags by using !important keyword.

The demo site is best recreated with a theme that supports a full width page template without sidebars. The elements can still be used in the pages of default template.

### How to enable the dark version for any element?

In Beaver Builder page builder, add a row wrapper for the element, edit row and navigate to the 'Advanced' tab of the 'Row Settings' popup window. Scroll down to the bottom of this tab to the 'CSS Selectors' section and input class ‘labb-dark-bg’ in the 'Class' field to activate the dark version of an element.

### My portfolio does not show any items.

Pls install and activate the Portfolio Post Type plugin to enable custom post type Portfolio.

### Changelog

### 2.6.1

- Fixed - Accessibility issue in Gallery.
- Added - Read more options for the posts block module.

### 2.6

- Updated - Custom fields for compatibility with latest version of Beaver Builder and for better performance.
- Fixed - JS error for custom number control.
- Fixed - Testimonials of Beaver Builder being overridden by Livemesh Addons.
- Fixed - Image slider does not display slides when bulk upload images option is chosen.
- Fixed - Some scripts dependent on existence of jQuery $ symbol can raise error.
- Updated - Freemius SDK with several bug fixes and compatibility fixes

### 2.5

- Added - Major release of the plugin with extensive support for filters and templates to enable users to customize the output generated by the addons. You can now create a template file in beaver-builder-addons folder in your child theme to customize the addons html or use filters to customize output generated by the addons.
- Updated - Documentation providing information on how to use templates and filters to customize the plugin addons.
- Added - Filters for settings object employed for rendering the addons.
- Fixed - Gallery pagination would break when number of items crosses 140.
- Added - Pagination with dotted navigation for galleries when number of pages exceeds 5.
- Added - Responsive pagination controls for gallery.
- Fixed - The fancybox lightbox would not display share, thumbnail, slideshow options for image/video gallery, posts grid and posts blocks.
- Added - Read More link/button options for posts blocks.
- Added - Block style 8 in Posts Block now much more responsive.
- Fixed - Incompatibility with some themes which load waypoints JS script.

### 2.1

- Fixed - Incompatibility with certain themes due to different versions of waypoints scripts being used.
- Fixed - Leaving tags empty in the gallery lead to addition of an empty filter in the filter list

### 2.0.1

- Fixed - Bug fixes related to Freemius integration.

### 2.0

- Added – Freemius integration for easy upgrade, quick support/feedback and opt-in usage tracking with GDPR compliance.

### 1.8.2

- Updated – Fancybox scripts and CSS to make the plugin compatible with PowerPack.

### 1.8.1

- Added – New simpler grid system for all elements that use grid.
- Added – Seamless control of number of columns at all device resolutions for all those elements that involve grid – posts/portfolio grid, posts block, image/video gallery, clients, services, testimonials, team, charts, pricing table, faq etc.
- Added - Option to preserve shortcodes and HTML tags in excerpt. Option is disabled by default.

### 1.8.0

- Added - Support for multiple url formats for YouTube and Vimeo videos in video gallery
- Added - Support for inline responsive videos of YouTube, Vimeo and self-hosted MP4/WebM video formats
- Added - If no custom thumbnail is set, the thumbnails for YouTube/Vimeo videos automatically set from the service provider
- Added - Support for creating stunning masonry gallery layouts using flexible widths and heights for images.
- Added - Ability to specify wide width for images in masonry layout of gallery.
- Added - Options to enable/disable display of image/video titles and image/video tags in gallery addon.
- Fixed - Next Previous buttons of carousels would not show up in certain installations due to conflicts with base slick carousel styles
- Fixed - Next/Prev navigation for gallery pagination not working
- Fixed - Some themes can break animations and report script errors for elements like piecharts, odometers, progress bars etc.
- Updated - Waypoints script with new API for handling events on scroll

### 1.7.7

- Improved – License activation page with less confusing interface.
- Added - The license code entered is now masked upon activation.
- Added - Ability to set a chart title for the piechart.

### 1.7.6

- Added – Ability to display description for the image/video element in the gallery and gallery carousel lightbox window.
- Added – The lightbox for posts grid and posts block now displays post summary and a link to the post in the lightbox.
- Added – Option to disable display of post summary/excerpt in the lightbox window of posts block or posts grid.

### 1.7.5

- Added – Fancybox lightbox integration for grid, posts block, image gallery, video gallery and gallery carousel modules.
- Added – Advanced features like touch/swipe controls, pinch out/in, double tap, keyboard navigation, full screen, thumbnails, social media sharing, hardware accelerated animations, direct linking now supported with lightbox.
- Added – HTML5 self-hosted video support in video gallery and video carousel modules. Support for MP4 and WebM formats.

### 1.7.2

- Fixed – Posts Grid columns can break in certain resolutions in FireFox.
- Fixed – Piecharts module would not change colors based on values provided through Beaver Themer field connections
- Fixed – The piecharts percentage value not rounding to the right value
- Added – Option to specify percentage symbol in the piecharts
- Added – Support for shortcodes and HTML tags in excerpts in Posts Grid and Posts Block module
- Added – Support for JS driven shortcodes or HTML inside tabs

### 1.7.1

- Added - Advanced tab and accordion functions that help directly link to Tabs and Accordion panels from external pages. On page load, the corresponding tab/panel opens upon auto-scrolling to the tab or accordion panel.
- Added - Smooth scroll to tabs and accordion panels from internal links within a page.
- Added - Open tab or accordion panels by clicking the internal links within a page.

### 1.7

- Upgrade – Simpler grid system based on NEAT 2.1 version
- Updated - The CSS is now optimized for vendor prefixes with reduced properties and file size.
- Added - Scroll to the top of the posts block to display new posts during paged navigation (when new posts are not visible).

### 1.6.1

- Added – Bulk upload option for image sliders and gallery carousel and ability to use ACF gallery field as input for sliders and galleries. The caption of the image attachments is displayed as title for the image.
- Added – Overlay for slider images.
- Added – Styling options for slider image overlay to control the opacity of overlay element.
- Fixed – Gradient overlay for images displayed for some styles of posts blocks.
- Tweak – Changed the gallery addon to take caption as title of the image to stay consistent with behavior of slider and gallery carousel addons

### 1.6

- Added – Image size option for all major addons including grid, gallery and carousels.
- Added – Ability to crop images and specify custom image sizes for all major addons including grid, gallery and carousels.
- Added - Bulk upload option for image gallery. The title of the image attachments is displayed on hover.
- Added - The lightbox now opens on clicking anywhere on the image if no destination URL is specified for gallery item
- Fixed – The gallery image was not clickable to the link specified
- Fixed – The gallery filters would not center when a heading was not specified.
- Fixed – The gallery filters will not display multi-line on devices of lower resolutions like mobile devices.

### 1.5

- Added – Moved the Posts Grid widget to new framework based on reusable blocks. Pls note that the class names have changed to keep it consistent with the new framework.
- Added – 6 different styles for grid items plus 7 header styles too
- Added – Next Prev pagination options for Posts Grid widget
- Added – Ability to handle large number of grid pages by providing dotted navigation
- Added – AJAX Category or taxonomy filtering for Grid widget. No more empty grid on category/taxonomy filtering
- Added – Read More option for the grid items
- Added – Open in new window option for links to posts in the grid
- Added – Two more header styles to posts blocks
- Fixed – The grid image was not clickable to the post
- Fixed – The filters would not center when a heading was not specified.
- Fixed – The grid filters will not display multi-line on devices of lower resolutions like mobile devices.

### 1.4

- Added - Brand new Post Blocks module with more than a dozen styles and options to present your posts or custom post types
- Added - AJAX Pagination, Next Prev and Load More options for Post Blocks addon
- Added - AJAX Category or taxonomy filtering for Post Blocks addon

#### 1.3

- Added - Extensive customization options for all modules/addons
- Added - Typography options for elements of all modules/addons
- Fixed - Multiple translation domains found.

### 1.2.4

- Added - Integration with Beaver Themer
- Added - Beaver Themer field connections for all relevant fields of modules
- Added - Compatibility with Beaver Theme

### 1.2.3

- Added - Automatic plugin updates and license key activation

### 1.2.2

- Fixed - Custom taxonomies not showing up in the taxonomy choices dropdown in posts/portfolio grid and posts carousel

### 1.2.1

- Fixed - The filter on the grid would not show up initially; changed default taxonomy to category

### 1.2

- Fixed - The portfolio grid addon leaves an empty space on the top when no heading is specified and when no taxonomy filters are specified
- Fixed - In a few installations, the grid elements may not occupy full width between 769px to 800px device resolutions
- Fixed - The posts carousel dots navigation was not clickable
- Fixed - The posts carousel would not expand beyond 960px in width

### 1.1

- Updated documentation. Preparation for moving entire plugin documentation online.

### 1.0

- Initial release.